<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>URL Encoder / Decoder</title>
<script type="text/javascript" src="popup.js"></script>
<style>
.pd{padding-top:3px}
#encDec{padding: 5px; background-color: rgb(245, 249, 252);resize:none;margin-top: -5px;}
#encDecOp{padding: 5px; background-color: rgb(239, 253, 255);resize:none;margin-top:11px;}
.button{background-color:transparent;border:1px solid #809294;margin-right: 6px;}
.button:hover {box-shadow: 1px 1px #cfcfcf;cursor:pointer;}
#msg{float: right;;font-weight: bold;color: rgb(52, 52, 234);border: 1px solid #cfcfcf;display:none;padding: 1px;}
a{text-decoration: none;color: #1255ca;} a:hover{text-decoration: underline;}
</style>
</head>
<body>
<h3>URL Encoder / Decoder</h3>
<form onsubmit="return false;">
<textarea cols="40" rows="5" id="encDec" placeholder="Paste your URL (String) here which you want to encode or decode."></textarea>
<div class="pd"></div>
<input class="button" type="button" id="btnEncode" value="Encode" />
<input class="button" type="button" id="btnDecode" value="Decode" />
<input class="button" type="button" id="btnPaste" value="Paste from ClipBoard" />
<textarea cols="40" rows="5" id="encDecOp" placeholder="Here is your encoded/decoded URL." readonly></textarea>
<div class="pd"></div>
<input class="button" type="button" id="btnCopy" value="Copy To ClipBoard" />
<input class="button" type="reset" id="btnReset" value="Reset" /><span id="msg">Copied to clipboard!</span>
</form>
<div style="padding:11px 3px 7px 1px; font-size:10px; color: #B8B4B4;"><div style="float:left">Developed by: <a id="kamalNayan" href="#">Kamal Nayan</a></div><div style="float:right"><a id="about" href="#">About</a></div>
</body></html>